import React from 'react';
// 使用react-redux 提共的两个hook 函数, 来操作redux仓库store 中的数据
// useSelector 用来获取store 仓库的数据的
// 语法: const 数据= useSelector((state)=>{return 仓库中的数据})
// 参数state 就是仓库state

// 语法: const dispatch = useDispatch()
// 创建一个dispatch 方法, 用来派发action 任务,
// 进而触发reducer,修改store 仓库的数据

import { useSelector, useDispatch } from 'react-redux';

const Myredux = () => {
    const { goodsReducer, userReducer } = useSelector((state) => state);
    const dispatch = useDispatch()
    // console.log('state', state);
    return (
        <div>
            <p onClick={() => {
                dispatch({ type: 'addprice', payload: 1000 })
            }}>
                store仓库中的数据: {goodsReducer.goodsname} -- {goodsReducer.price}
            </p>
            <p onClick={
                () => {
                    dispatch({ type: 'addage', payload: 10 })
                }
            }>
                store仓库中的数据: {userReducer.userinfo.username} -- {userReducer.userinfo.age}
            </p>
        </div>
    );
}

export default Myredux;
